<template>
	<view>
		<up-tabs :list="list" :current="currentIndex" @click="changeTab"></up-tabs>
		<view v-if="currentIndex===0">关注列表</view>
		<view v-if="currentIndex===1">推荐列表</view>
		<view v-if="currentIndex===2">电影列表</view>
		<view v-if="currentIndex===3">科技列表</view>
		<!-- <component :is=""></component> -->
	</view>
</template>

<script setup>
import { reactive, ref } from 'vue';
const currentIndex = ref(2)
	const list = reactive([  
	    { name: '关注' },  
	    { name: '推荐' },  
	    { name: '电影' },  
	    { name: '科技' },
	]);  
	const changeTab = (item) => {
		console.log(item)
		currentIndex.value = item.index
	}
</script>

<style>
	       
</style>
